<template>
  <div class="flHydrantInfo">
    <div class="leftTree">
      <!-- 树形图 -->
      <areaLeftTree class="waterMeterLeftTree" @clickClose="clickClose" @areaIf="areaIf" />
    </div>
    <div class="rightcontant">
      <deviceTable />
    </div>
  </div>
</template>
<script>
import areaLeftTree from "./components/areaLeftTree"; // 区域树
import deviceTable from "./components/deviceTable"; // 区域树
export default {
  components: {
    areaLeftTree,
    deviceTable
  },
}
</script>

<style lang="scss" scoped>
.flHydrantInfo {
  display: flex;
  .leftTree {
    width: 270px;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
  }
  .rightcontant {
    width: calc(100% - 270px);
    padding: 20px 30px 20px 30px;
  }
}
</style>